<template>
    <!-- 主页面 -->
    <div class="container-fluid">
        <div class="row">
            <div class="col bg-dark text-white">
                <a class="navbar-brand">
                    sports store
                </a>
            </div>
        </div>

        <div class="row">
            <div class="col-3 bg-info p-2">
                <category-controls/>
            </div>

            <!-- 商品列表-->
            <div class="col-9 p-2">
                <product-list></product-list>
            </div>
        </div>
    </div>
</template>

<script>
    import ProductList from "./ProductList"
    import CategoryControls from "./CategoryControls"

    export default {
        name: "Store",
        components: {ProductList, CategoryControls}
    }
</script>

<style scoped>

</style>